﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Forma2.aspx.cs" MaintainScrollPositionOnPostback="true"
    Inherits="Forma_2" MasterPageFile="~/Site.master" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <style type="text/css">
        .categoria
        {
            padding-top: 15px;
            float: left;
        }
        .contenido
        {
            display: block;
        }
        hr
        {
            display: block;
            visibility:hidden;
        }
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <fieldset class="control-group">
        <legend><strong>Gastos <font color="red">Mensuales</font> del Alumno </strong></legend>
        <p>
            En el siguiente apartado favor de ingresar los gastos mensuales que realizas.
            <br />
            <span class="label label-important">Haz clic en cada categor&iacute;a para expandirla/minimizarla.</span>
        </p>
        <div class="row-fluid">
            <div class="span5 offset7">
                <div id="errordiv" class="alert alert-error" style="display: none">
                </div>
                <asp:ValidationSummary ID="Forma4ValidationSummary" CssClass="alert alert-error"
                    DisplayMode="BulletList" EnableClientScript="True" runat="server" ValidationGroup="Forma4Validation"
                    HeaderText="<strong>Revisa los siguientes errores e intenta de nuevo:</strong>" />
            </div>
            <%-- END SPAN5 --%>
        </div>
        <%--END ROW--%>
        <div class="row-fluid">
            <div class="span5">
                <div id="Educacion" class="categoria">
                    <div id="TituloEducacion" class="form-inline" onclick="hideDetails('Educacion')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label CssClass="badge badge-warning" runat="server">Educaci&oacute;n</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalEducacion" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoEducacion" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Colegiatura  ### -->
                            <asp:Label CssClass="control-label" ID="label17" runat="server">Colegiatura:</asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosColegiatura" runat="server" />
                                    <span id="ColegiaturaHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegExpColegiatura" ControlToValidate="EgresosColegiatura"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Libros  ### -->
                            <asp:Label CssClass="control-label" ID="label18" runat="server">Libros:</asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosLibros" runat="server" />
                                    <span id="LibrosHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="EgresosLibros"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Papeleria  ### -->
                            <asp:Label CssClass="control-label" ID="label16" runat="server">Papeler&iacute;a:</asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosPapeleria" runat="server" />
                                    <span id="PapeleriaHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator2" ControlToValidate="EgresosPapeleria"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Servicio Social  ### -->
                            <asp:Label CssClass="control-label" ID="label13" runat="server">Servicio Social</asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosServicioSocial" runat="server" />
                                    <span id="ServicioSocialHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator3" ControlToValidate="EgresosServicioSocial"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
                <div id="Entretenimiento" class="categoria">
                    <div id="TituloEntretenimiento" class="form-inline" onclick="hideDetails('Entretenimiento')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label2" CssClass="badge badge-warning" runat="server">Entretenimiento</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalEntretenimiento" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoEntretenimiento" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Entretenimiento  ### -->
                            <asp:Label CssClass="control-label" ID="label24" runat="server">Entretenimiento: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosEntretenimiento" runat="server" />
                                    <span id="EntretenimientoHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator6" ControlToValidate="EgresosEntretenimiento"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
                <div id="Seguros" class="categoria">
                    <div id="TituloSeguros" class="form-inline" onclick="hideDetails('Seguros')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label30" CssClass="badge badge-warning" runat="server">Seguros</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalSeguros" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="contenidoSeguros" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  SEguro M&eacute;dico  ### -->
                            <asp:Label CssClass="control-label" ID="label32" runat="server">Seguro M&eacute;dico: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosSeguroMedico" runat="server" />
                                    <span id="SeguroMedicoHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator8" ControlToValidate="EgresosSeguroMedico"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
                <div id="Transporte" class="categoria">
                    <div id="TituloTransporte" class="form-inline" onclick="hideDetails('Transporte')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label19" CssClass="badge badge-warning" runat="server">Transporte</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalTransporte" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoTransporte" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Local  ### -->
                            <asp:Label CssClass="control-label" ID="label21" runat="server">Local: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosTransporteLocal" runat="server" />
                                    <span id="TransporteLocalHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator4" ControlToValidate="EgresosTransporteLocal"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Foraneo  ### -->
                            <asp:Label CssClass="control-label" ID="label22" runat="server">Foraneo:</asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosTransporteForaneo" runat="server" />
                                    <span id="TransporteForaneoHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator5" ControlToValidate="EgresosTransporteForaneo"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
                <div id="Vestido" class="categoria">
                    <div id="TituloVestido" class="form-inline" onclick="hideDetails('Vestido')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label46" CssClass="badge badge-warning" runat="server">Vestido</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalVestido" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoVestido" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Calzado y Ropa  ### -->
                            <asp:Label CssClass="control-label" ID="label48" runat="server">Calzado y Ropa: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosCalzadoRopa" runat="server" />
                                    <span id="CalzadoRopaHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator19" ControlToValidate="EgresosCalzadoRopa"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
            </div>
            <div class="span5">
                <div id="Servicios" class="categoria">
                    <div id="Div19" class="form-inline" onclick="hideDetails('Servicios')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label42" CssClass="badge badge-warning" runat="server">Servicios</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalServicios" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="Div20" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Electricidad  ### -->
                            <asp:Label CssClass="control-label" ID="label44" runat="server">Electricidad: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosElectricidad" runat="server" />
                                    <span id="ElectricidadHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator12" ControlToValidate="EgresosElectricidad"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Gas  ### -->
                            <asp:Label CssClass="control-label" ID="label1" runat="server">Gas: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosGas" runat="server" />
                                    <span id="GasHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator9" ControlToValidate="EgresosGas"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Telefono  ### -->
                            <asp:Label CssClass="control-label" ID="label14" runat="server">Telefono: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosTelefono" runat="server" />
                                    <span id="TelefonoHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator13" ControlToValidate="EgresosTelefono"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  internet  ### -->
                            <asp:Label CssClass="control-label" ID="label15" runat="server">Internet: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosInternet" runat="server" />
                                    <span id="InternetHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator14" ControlToValidate="EgresosInternet"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Cable  ### -->
                            <asp:Label CssClass="control-label" ID="label23" runat="server">Cable: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosCable" runat="server" />
                                    <span id="CableHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator15" ControlToValidate="EgresosCable"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ### Celular   ### -->
                            <asp:Label CssClass="control-label" ID="label25" runat="server">Celular: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosCelular" runat="server" />
                                    <span id="CelularHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator16" ControlToValidate="EgresosCelular"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Lavanderia  ### -->
                            <asp:Label CssClass="control-label" ID="label27" runat="server">Lavander&iacute;a: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosLavanderia" runat="server" />
                                    <span id="LavanderiaHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator17" ControlToValidate="EgresosLavanderia"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Servicio Dom&eacute;stico  ### -->
                            <asp:Label CssClass="control-label" ID="label29" runat="server">Servicio Dom&eacute;stico: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosServicioDomestico" runat="server" />
                                    <span id="ServicioDomesticoHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator18" ControlToValidate="EgresosServicioDomestico"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
                <div id="Alimentacion" class="categoria">
                    <div id="TituloAlimentacion" class="form-inline" onclick="hideDetails('Alimentacion')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label50" CssClass="badge badge-warning" runat="server">Alimentaci&oacute;n</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalAlimentacion" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoAlimentacion" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Alimentacion  ### -->
                            <asp:Label CssClass="control-label" ID="label52" runat="server">Alimentacion: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosAlimentacion" runat="server" />
                                    <span id="AlimentacionHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator20" ControlToValidate="EgresosAlimentacion"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>                            
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
                <div id="Vivienda" class="categoria">
                    <div id="TituloVivienda" class="form-inline" onclick="hideDetails('Vivienda')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label26" CssClass="badge badge-warning" runat="server">Vivienda</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalVivienda" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoVivienda" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Renta  ### -->
                            <asp:Label CssClass="control-label" ID="label28" runat="server">Renta: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosRenta" runat="server" />
                                    <span id="RentaHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator7" ControlToValidate="EgresosRenta"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
                <div id="CuidadoPersonal" class="categoria">
                    <div id="Div17" class="form-inline" onclick="hideDetails('CuidadoPersonal')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label38" CssClass="badge badge-warning" runat="server">Cuidado Personal</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalCuidadoPersonal" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoCuidadoPersonal" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Local  ### -->
                            <asp:Label CssClass="control-label" ID="label40" runat="server">Aseo: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosCuidadoPersonal" runat="server" />
                                    <span id="CuidadoPersonalHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator11" ControlToValidate="EgresosCuidadoPersonal"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
                <div id="OtrosGastos" class="categoria">
                    <div id="TituloOtrosGastos" class="form-inline" onclick="hideDetails('OtrosGastos')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label54" CssClass="badge badge-warning" runat="server">Otros</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalOtrosGastos" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoOtrosGastos" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Otros  ### -->
                            <asp:Label CssClass="control-label" ID="label56" runat="server">Otros Gastos: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="EgresosOtrosG" runat="server" />
                                    <span id="OtrosGHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator22" ControlToValidate="EgresosOtrosG"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
            </div>
        </div>
    </fieldset>
    <fieldset class="control-group">
        <legend><strong>Ingresos <font color="red">Mensuales</font> del Alumno </strong>
        </legend>
        <p>
            En el siguiente apartado favor de detallar el dinero que recibes en cada una de
            las categor&iacute;as.
            <br />
            <span class="label label-important">Haz clic en cada categor&iacute;a para expandirla/minimizarla.</span>
        </p>
        <div class="row-fluid">
            <div class="span5">
                <div id="Externos" class="categoria">
                    <div id="TituloExternos" class="form-inline" onclick="hideDetails('Externos')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label43" CssClass="badge badge-warning" runat="server">Externos</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalExternos" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoExternos" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Padres  ### -->
                            <asp:Label CssClass="control-label" ID="label47" runat="server">De mis padres: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="IngresosPadres" runat="server" />
                                    <span id="PadresHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator24" ControlToValidate="IngresosPadres"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  Filantropia  ### -->
                            <asp:Label CssClass="control-label" ID="label49" runat="server">Red de Filantrop&iacute;a:</asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="IngresosFilantropia" runat="server" />
                                    <span id="FilantropiaHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator25" ControlToValidate="IngresosFilantropia"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  De Empresas  ### -->
                            <asp:Label CssClass="control-label" ID="label37" runat="server">De Empresas:</asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="IngresosEmpresas" runat="server" />
                                    <span id="EmpresasHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator26" ControlToValidate="IngresosEmpresas"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                            <!-- ###  De Instituciones  ### -->
                            <asp:Label CssClass="control-label" ID="label39" runat="server">De Instituciones:</asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="IngresosInstituciones" runat="server" />
                                    <span id="InstitucionesHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator28" ControlToValidate="IngresosInstituciones"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="span5">
                <div id="Propios" class="categoria">
                    <div id="TituloPropios" class="form-inline" onclick="hideDetails('Propios')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label12" CssClass="badge badge-warning" runat="server">Propios</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalPropios" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoPropios" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###    ### -->
                            <asp:Label CssClass="control-label" ID="label35" runat="server">De mi trabajo:</asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="IngresosDeMiTrabajo" runat="server" />
                                    <span id="DeMiTrabajoHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator23" ControlToValidate="IngresosDeMiTrabajo"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <span>&nbsp;</span>
                <div id="OtrosIngresos" class="categoria">
                    <div id="TituloOtrosIngresos" class="form-inline" onclick="hideDetails('OtrosIngresos')">
                        <%-- <img src="../images/plus.png" alt="plus" align="texttop" class="" /> --%>
                        <asp:Label ID="Label51" CssClass="badge badge-warning" runat="server">Otros Ingresos</asp:Label>
                        <span style="float: right">
                            <asp:Label ID="TotalOtrosIngresos" CssClass="" runat="server"></asp:Label>
                        </span>
                    </div>
                    <div id="ContenidoOtrosIngresos" class="contenido">
                        <br />
                        <div class="control-group">
                            <!-- ###  Otros Ingresos  ### -->
                            <asp:Label CssClass="control-label" ID="label57" runat="server">Otros Ingresos: </asp:Label>
                            <div class="controls">
                                <div class="input-prepend">
                                    <span class="add-on">$</span>
                                    <asp:TextBox Text="0.00" CssClass="span1" ID="IngresosOtrosI" runat="server" />
                                    <span id="OtrosIHelp" class="label label-info">?</span><p>
                                    </p>
                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator27" ControlToValidate="IngresosOtrosI"
                                        Display="Dynamic" EnableClientScript="True" ValidationExpression="^[+]?([0-9]+\.[0-9]{2}|[0-9]+)$"
                                        Text="<img src='../Images/cross.png' alt='cross'>" ErrorMessage="S&oacute;lo se permiten N&uacute;meros"
                                        ValidationGroup="Forma4Validation" runat="server"></asp:RegularExpressionValidator>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </fieldset>
    <div class="form-actions" style="text-align: right">
        <asp:Button ID="Button1" CssClass="btn btn-danger" Text="Borrar" OnClick="Borrar"
            runat="server" />
        <asp:Button CssClass="btn btn-primary" Text="Guardar Cambios" OnClick="InsertData"
            ValidationGroup="Forma4Validation" runat="server" />
    </div>
    <script>
        document.getElementById('mf2').className = "active";

        $(function () {
            $("#ColegiaturaHelp").popover({
                title: "Colegiatura",
                content: "Si haces el pago cada semestre, divide la cantidad entre el n&uacute;mero de meses que cubre tu colegiatura. Ejemplo: 450 ó 1230.50"
            });

            $("#LibrosHelp").popover({
                title: "Libros",
                content: "Gasto mensual que realizas en libros. Si compras todos los libros en una expedici&oacute;n divide el gasto entre el n&uacute;mero de meses que cubren estos libros. Ejemplo: 450 ó 1230.50"
            });

            $("#PapeleriaHelp").popover({
                title: "Papeler&iacute;a",
                content: "Gastos mensuales realizados en adquirir material escolar. Ejemplo: 450 ó 1230.50"
            });

            $("#ServicioSocialHelp").popover({
                title: "Servicio Social",
                content: "Gasto mensual dedicado a fines de servicio social. Ejemplo: 450 ó 1230.50"
            });

            $("#TransporteLocalHelp").popover({
                title: "Transportaci&oacute;n Local",
                content: "Gasto mensual para transportarte dentro de la ciudad. Ejemplo: 450 ó 1230.50"
            });

            $("#TransporteForaneoHelp").popover({
                title: "Transportaci&oacute;n Foraneo",
                content: "Gasto mensual dedicado para transportarte fuera de la ciudad. Ejemplo: 450 ó 1230.50"
            });

            $("#EntretenimientoHelp").popover({
                title: "Entretenimiento",
                content: "La cantidad que empleas mensualmente para ir a cualquier tipo de Entretenimiento. Ejemplo: 450 ó 1230.50"
            });

            $("#RentaHelp").popover({
                title: "Renta",
                content: "Gasto que realizas mensualmente para la renta de una casa o departamento. Ejemplo: 450 ó 1230.50"
            });

            $("#SeguroMedicoHelp").popover({
                title: "Seguro M&eacute;dico",
                content: "Gasto que haces para contar con un seguro m&eacute;dico. Divide la cantidad que pagas entre el n&uacute;mero de meses que tenga cobertura. Ejemplo: 450 ó 1230.50"
            });

            $("#SaludGHelp").popover({
                title: "Gastos M&eacute;dicos Personales",
                content: "Aquel dinero que usas mensualmente para tu salud. Pueden ser consultas y otras atenciones que no cubra tu seguro m&eacute;dico. Ejemplo: 450 ó 1230.50"
            });

            $("#CuidadoPersonalHelp").popover({
                title: "Cuidado de la Salud",
                content: "Aquel dinero que dedicas a tu cuidado personal, inluye tratamientos, vacunas, etc. Ejemplo: 450 ó 1230.50"
            });

            $("#ElectricidadHelp").popover({
                title: "Electricidad",
                content: "Cantidad mensual que dedicas a este concepto. Si el cobro no se realiza cada mes multiplica la cantidad por la frecuencia del servicio. Ejemplo: 450 ó 1230.50"
            });

            $("#GasHelp").popover({
                title: "Gas",
                content: "Cantidad mensual que dedicas a este concepto. Si el cobro no se realiza cada mes multiplica la cantidad por la frecuencia del servicio. Ejemplo: 450 ó 1230.50"
            });

            $("#TelefonoHelp").popover({
                title: "Telef&oacute;no",
                content: "Cantidad mensual que dedicas a este concepto. Si el cobro no se realiza cada mes multiplica la cantidad por la frecuencia del servicio. Ejemplo: 450 ó 1230.50"
            });

            $("#InternetHelp").popover({
                title: "Internet",
                content: "Cantidad mensual que dedicas a este concepto. Si el cobro no se realiza cada mes multiplica la cantidad por la frecuencia del servicio. Ejemplo: 450 ó 1230.50"
            });

            $("#CableHelp").popover({
                title: "Televisi&oacute;n por Cable",
                content: "Cantidad mensual que dedicas a este concepto. Si el cobro no se realiza cada mes multiplica la cantidad por la frecuencia del servicio. Ejemplo: 450 ó 1230.50"
            });

            $("#CelularHelp").popover({
                title: "Celular",
                content: "Cantidad mensual que dedicas a este concepto. Si el cobro no se realiza cada mes multiplica la cantidad por la frecuencia del servicio. Ejemplo: 450 ó 1230.50"
            });

            $("#LavanderiaHelp").popover({
                title: "Lavander&iacute;a",
                content: "Cantidad mensual que dedicas a este concepto. Si el cobro no se realiza cada mes multiplica la cantidad por la frecuencia del servicio. Ejemplo: 450 ó 1230.50"
            });
            $("#ServicioDomesticoHelp").popover({
                title: "Servicio Dom&eacute;stico",
                content: "Cantidad mensual que dedicas a este concepto. Si el cobro no se realiza cada mes multiplica la cantidad por la frecuencia del servicio. Ejemplo: 450 ó 1230.50"
            });
            $("#CalzadoRopaHelp").popover({
                title: "Calzado y Ropa",
                content: "La cantidad que dedicas mensualmente a la compra de calzado y vestimenta. Ejemplo: 450 ó 1230.50"
            });
            $("#AlimentacionHelp").popover({
                title: "Alimentacion",
                content: "El dinero que gastas mensualmente en alimentaci&oacute;n dentro y fuera de la escuela. Ejemplo: 450 ó 1230.50"
            });
           
            $("#OtrosGHelp").popover({
                title: "Otros Gastos",
                content: "Si tienes otro gasto que no esta contemplado dentro de las categor&iacute;as pasadas favor de indicarlo en este espacio. Ejemplo: 450 ó 1230.50"
            });
            $("#DeMiTrabajoHelp").popover({
                title: "Por parte del Trabajo",
                content: "Remuneraci&oacute;n mensual que obtienes por parte de tu trabajo. Ejemplo: 450 ó 1230.50"
            });
            $("#PadresHelp").popover({
                title: "Por parte de los Padres",
                content: "Ingresos que obtienes mensualmente por parte de tus padres. Ejemplo: 450 ó 1230.50"
            });
            $("#FilantropiaHelp").popover({
                title: "Por parte de la Red",
                content: "Apoyo que obtienes por medio de la Red de Filantrop&iacute;a. Ejemplo: 450 ó 1230.50"
            });
            $("#EmpresasHelp").popover({
                title: "Por parte de empresas",
                content: "Apoyos que obtienes de algunas empresas. Ejemplo: 450 ó 1230.50"
            });
            $("#InstitucionesHelp").popover({
                title: "Por parte de Agrupaciones",
                content: "Apoyos que obtienes de Fundaciones, Instituciones o Grupos Estudiantiles. Ejemplo: 450 ó 1230.50"
            });
            $("#OtrosIHelp").popover({
                title: "Otros Ingresos",
                content: "Remuneraciones mensuales que obtienes por otros medios distintos a los mencionados. Ejemplo: 450 ó 1230.50"
            });
        });
    </script>
    <script type="text/javascript">

        var d = document;
        var contenido;
        var titulo;

        function showDetails(categoria) {

            contenido = d.getElementById(categoria).children[1];
            titulo = d.getElementById(categoria).children[0];

            //Despliega la informacion a llenar
            contenido.style.display = "block";

            //Cambia el metodo al titulo
            titulo.setAttribute('onClick', "hideDetails('" + categoria + "')");
            titulo.children[0].setAttribute('class', "badge badge-warning");

        }

        function hideDetails(categoria) {
            contenido = d.getElementById(categoria).children[1];
            titulo = d.getElementById(categoria).children[0];

            //Despliega la informacion a llenar
            contenido.style.display = "none";

            //Cambia el metodo al titulo
            titulo.setAttribute('onClick', "showDetails('" + categoria + "')");
            titulo.children[0].setAttribute('class', "badge badge-inverse");
        }

    </script>
</asp:Content>
